Zepto(function() {
  oneInit();
});

// 开始页面进场
function beginInit() {
  setTimeout(function() {
    Zepto('#index-tip1').animateCss('rollOut', function() {
      Zepto('#index-tip1').css({
        opacity: 0,
        '-webkit-transform': 'translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)',
        '-o-transform': 'translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)',
        '-moz-transform': 'translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)',
        '-ms-transform': 'translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)',
        'transform': 'translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)',
      });
    });
  }, 150);
  Zepto('#index-begin-no').animateCss('bounceInLeft', function() {
    Zepto('#index-begin-no').css({
      '-webkit-transform': 'translate3d(0, 0, 0)',
      '-moz-transform': 'translate3d(0, 0, 0)',
      '-ms-transform': 'translate3d(0, 0, 0)',
      '-o-transform': 'translate3d(0, 0, 0)',
      'transform': 'translate3d(0, 0, 0)',
    });
    console.log(Zepto('#index-one'), 909011134345);
    Zepto('#index-one').animate({
      opacity: 0,
    }, function() {
      Zepto('#index-one').hide();
      beginAfter();
    });
  });

  setBeginBtn();
}

function beginAfter() {
  Zepto('#index-begin-line').animateCss('fadeInDown', function() {
    Zepto('#index-begin-line').css('opacity', 1);
  });
  Zepto('#index-begin-shape6').animateCss('rotateIn2');
  Zepto('#index-begin-shape5').animateCss('rotateIn', function() {
    Zepto('#index-begin-shape6, #index-begin-shape5').css('opacity', 1);
    Zepto('#index-begin-text1').animateCss('fadeInDown', function() {
      Zepto('#index-begin-text1').css('opacity', 1);
      Zepto('#index-begin-left').animateCss('fadeInLeft2');
      Zepto('#index-begin-right').animateCss('fadeInRight2', function() {
        Zepto('#index-begin-left, #index-begin-right').css('opacity', 1);
      });
      setTimeout(function() {
        Zepto('#index-begin-dna').animateCss('zoomIn', function() {
          Zepto('#index-begin-dna').css({
            opacity: 1,
            '-webkit-transform': 'scale3d(1)',
            '-moz-transform': 'scale3d(1)',
            '-ms-transform': 'scale3d(1)',
            '-o-transform': 'scale3d(1)',
            'transform': 'scale3d(1)',
          });
          beginLoopText();
        });
      }, 200);;
    });
  });
}

function beginLoopText() {
  var $item = Zepto('.index-begin-fade');
  var index = 0;
  var loop = function() {
    if(index === $item.length) {
      clearTimeout(time);
      showBeginBtn();
      return;
    }
    const now = index;
    Zepto($item.get(index)).animateCss('fadeInDown', function() {
      Zepto($item.get(now)).css('opacity', 1);
    });
    index++;

    var time = setTimeout(loop, 50);
  };

  setTimeout(loop, 200);
}

function showBeginBtn() {
  setTimeout(function() {
    Zepto('#index-begin-btn').animateCss('fadeIn', function() {
      Zepto('#index-begin-btn').css('opacity', 1);
    });
  }, 300);
}

function setBeginBtn() {
  //Zepto('#index-begin-btn')
  //  .css('top', Zepto(window).height() - Zepto('#banner').height() - 200);
}

function setNextBtn() {
  Zepto('#index-next')
    //.css('top', Zepto(window).height() - Zepto('#banner').height() - 200)
    .on('touchend', nextFn);
}

function oneInit() {
  Zepto('#index-cup-box').animateCss('zoomIn');

  Zepto('#index-title').animateCss('bounceInDown', function() {
    Zepto('#index-title-border').animateCss('flash', function() {
      Zepto('#index-title-border').css('opacity', 1);
      setTimeout(twoInit, 500);
    });
  });
  setNextBtn();
}

function twoInit() {
  Zepto('#index-title-box').animate({
    top: -20
  });
  Zepto('#index-cup-box').animate({
    'transform': 'scale(1.4) translateY(2.4rem)',
    '-moz-transform': 'scale(1.4) translateY(2.4rem)',
    '-webkit-transform': 'scale(1.4) translateY(2.4rem)',
    '-o-transform': 'scale(1.4) translateY(2.4rem)',
    '-ms-transform': 'scale(1.4) translateY(2.4rem)',
  }, function() {
    Zepto('#index-tip1').animateCss('fadeIn', function() {
      Zepto('#index-tip1').css('opacity', 1).animate({
        top: 90
      });
      threeInit();
    });
  });
}

function threeInit() {
  Zepto('#index-title-box').animate({
    top: '-5.56rem',
  });
  Zepto('#index-cup-box').animate({
    'transform': 'scale(1.9) translateY(2.7rem)',
    '-webkit-transform': 'scale(1.9) translateY(2.7rem)',
    '-moz-transform': 'scale(1.9) translateY(2.7rem)',
    '-ms-transform': 'scale(1.9) translateY(2.7rem)',
    '-o-transform': 'scale(1.9) translateY(2.7rem)',
  }, function() {
    Zepto('#index-roll-box').animateCss('fadeIn', function() {
      Zepto('#index-roll-box').css('opacity', 1);
      Zepto('#index-next').animateCss('fadeIn', function() {
        Zepto('#index-next').css('opacity', 1);
      });
    });
  });
}

function nextFn() {
  // Zepto('#index-cup-box').css('transform', 'scale(1)');
  beginInit();
}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, isPassive() ? {
	capture: false,
	passive: false
} : false);
